<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>亲子莜面体验营</title>
    <link href="/static/resource/jcrop/css/jquery.Jcrop.min.css" rel="stylesheet" />
    <script src="/static/resource/jcrop/js/jquery.min.js"></script>
    <script src="/static/resource/jcrop/js/jquery.Jcrop.min.js"></script>
</head>
<body>
    <img src="/static/upload/2018/08/09/xbczvip.png" alt="" id="element" width="300" height="600">
    <script type="text/javascript">
            // I did JSON.stringify(jcrop_api.tellSelect()) on a crop I liked:
            var c = {"x":13,"y":7,"x2":487,"y2":107,"w":474,"h":100};

            $('#element').Jcrop({
                bgFade: false,

                setSelect: [c.x,c.y,c.x2,c.y2]
            });

    </script>
</body>
</html>